/**
 * Sonatype Nexus (TM) Open Source Version
 * Copyright (c) 2008-present Sonatype, Inc.
 * All rights reserved. Includes the third-party code listed at http://links.sonatype.com/products/nexus/oss/attributions.
 *
 * This program and the accompanying materials are made available under the terms of the Eclipse Public License Version 1.0,
 * which accompanies this distribution and is available at http://www.eclipse.org/legal/epl-v10.html.
 *
 * Sonatype Nexus (TM) Professional Version is available from Sonatype, Inc. "Sonatype" and "Sonatype Nexus" are trademarks
 * of Sonatype, Inc. Apache Maven is a trademark of the Apache Software Foundation. M2eclipse is a trademark of the
 * Eclipse Foundation. All other trademarks are the property of their respective owners.
 */
/**
 * @since 3.next
 */
@import '../../../styles/colors';
@import '~@sonatype/react-shared-components/scss-shared/nx-variables';

@mixin vertical-align {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.nxrm-multiselect {
  display: flex;

  .nxrm-multiselect__from {
    @include vertical-align;

    .nx-text-input__box {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }

    select.nx-form-select {
      flex: 1;
      width: $nx-form-element-width-normal;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-top: 0px;
      margin-right: 0;
    }
  }

  .nxrm-multiselect__to {
    @include vertical-align;

    .nxrm-select {
      display: flex;
      flex: 1;

      select {
        flex: 1;
        width: $nx-form-element-width-normal;
        height: 100%;
      }
    }
  }

  .nxrm-multiselect__controls {
    @include vertical-align;

    padding-top: $nx-font-size-s * $nx-line-height;
    margin: $nx-spacing-md;

    button {
      margin: 0;
    }
  }
}
